
H5x.component("rich-editor",[],function(opts){  
    this.opts = opts; 
    this.container =  opts.container;
    this.use("render");
    this.use("emitter");
    this.init(); 
},{
    init:function(){ 
        var propname = this.opts.propname;
        var self = this;
        
        this.render("tp-rich-editor",{
            propname:propname
        });

        var E = window.wangEditor
        var editor = new E('.rich-editor');
        editor.customConfig.menus = [
            'head',  // 标题
            'bold',  // 粗体
            'italic',  // 斜体
            'underline',  // 下划线
            'strikeThrough',  // 删除线
            'foreColor',  // 文字颜色
            'backColor',  // 背景颜色
            'list',  // 列表
            'justify',  // 对齐方式
            'quote',  // 引用
            'image',  // 插入图片
            'video',  // 插入视频
            'undo',  // 撤销
            'redo'  // 重复
        ]

        editor.customConfig.uploadImgServer = '/common/doc-img-upload';
        editor.customConfig.showLinkImg = false;
        editor.create();

        
        if(this.opts.value){
            editor.txt.html(this.opts.value);
            self.container.find("input[name='"+propname+"']").val(this.opts.value);
        }

        
        this.emitter.on("form-submit",function(){
            self.container.find("input[name='"+propname+"']").val(editor.txt.html());
        })



        /*
        this.container.find(".add-class-btn").click(function(){
            var classname = prompt("请输入班级名称！");
            $(this).before('<span class="class-label">'
                +classname+'<span aria-hidden="true" class="label-close">&times;</span></span>');
        });

        this.container.on("click",".label-close",function(){
            $(this).parent().remove();
        })
        */
    }
});